<template>
  <el-table :data="detail_cancelled" highlight-current-row v-loading="listLoading" style="width: 100%;">
    <el-table-column type="index" width="60">
    </el-table-column>
    <el-table-column prop="name" label="菜品名字" min-width="15%">
    </el-table-column>
    <el-table-column prop="image" label="图片" min-width="20%">
      <template slot-scope="scope">
        <img :src="scope.row.image" min-width="70" height="70" />
      </template>
    </el-table-column>
    <el-table-column prop="quality" label="数量" min-width="15%">
    </el-table-column>


  </el-table>

</template>

<script>
export default {
  data() {
    //get the information
    return {
      detail_cancelled:
        [
          {
            name: '红烧鸡排',
            image: '../../../../static/kw.jpg',
            quality: '2'
          },
          {
            name: '红烧集吧',
            image: '../../../../static/ki.jpg',
            quality: '1'
          }]
    }
  },
  methods: {

    handleEdit:function(index,row) {

    }
  }
}
</script>
